<script>
async属性
実行タイミング
<script>が複数ある場合の実行の順序
ファイル読み込みが終わった順に実行
互いに依存関係がない場合は、deferより速い
互いに依存関係がある場合は、順序がランダムなので読み込みエラーになりうる
defer属性
実行タイミング
<script>が複数ある場合の実行の順序
記述順に上から実行される
なぜdefaultでは両方offなのか？
<script>が複数あって、1つだけdeferを書いたときの挙動
無意味？
例えば、bodyタグの最後に<script>を書いた場合、asyncを付けてもdeferを付けても実行のタイミングは全く同じ 解析がそこまで来た時点でDOMツリーの構築は終わっているので
crossorigin属性
integrity属性
SEO観点から、bodyの最後に置いていることを前提にしているので話が簡潔
最速はasync付きでhead要素に記述